技術文章
技術問答
My Project
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
文章
問答
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
4
0
Modern Web
我的網頁前端小小小教室
系列 第
4
篇
Day4 Javascript介紹
13th鐵人賽
karta1366796
團隊
imac_跳過這篇
2021-09-18 12:07:11
1029 瀏覽
分享至
在前面的文章中,我們有淺談到Javascript在網頁中所扮演的角色,而Javascript到底是甚麼呢?網頁中呈現給使用者是靜態的資料,但若我們不想要死板板的,而是能夠跟使用者進行互動,譬如說當你滑鼠觸碰到這張圖片時,進行幻燈片的效果、又或者是當註冊帳號時,後面通常都會有個檢查的綠色勾勾,以及購物網站點購物車時跳出你的商品清單,這些都是網頁跟使用者互動的行為,Javascript就是扮演著讓網頁生動起來的角色!
然而Javascript還可以串接API,API是甚麼呢?API( Application Programming Interface),中文是"應用程式介面"。好,我相信你還是不懂,API白話來說,就是溝通的介面,你想要查詢墾丁怎麼去,你要先上網在Google Maps上面搜尋墾丁,系統知道你要去的地方是墾丁後,去資料庫搜尋,把結果回傳到網頁上讓使用者閱讀。
所以我們要把這個搜尋地區的功能帶到我們的網頁裡,就可以使用到Google Maps API,像是一些美食網站、旅遊網站,就可以替使用者省下要再把地址貼到Google Maps上面的時間,而是能夠直接的在你設計的網頁裡進行瀏覽!是不是大大提升了你網頁的互動性呢!
當然API不會只有Google Maps一種而已,還有像是氣象的API、播放音樂的API、3D影像的API,這些都可以透過Javascript讓你的網頁更加多元、豐富!
留言
追蹤
檢舉
上一篇
Day3 CSS裝潢大師
下一篇
Day5 網頁製作環境建設
系列文
我的網頁前端小小小教室
共
30
篇
目錄
RSS系列文
訂閱系列文
9
人訂閱
26
Day26 Bootstrap建立網頁
27
Day27 Javascript元件庫 Jquery介紹
28
Day28 JQuery應用
29
Day29 JQuery蓋板廣告應用
30
Day30 JQuery 控制CSS
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
929
組
團體組數
32
組
累計文章數
13724
篇
完賽人數
161
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
17th鐵人賽
14th鐵人賽
12th鐵人賽
18th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
熱門問題
六個語言的 README,要一比一翻完整,還是只寫到「裝得起來」就好?
「相容 MySQL 協議」的引擎,你們是怎麼做能力偵測的?我們試了 42 種,結論有點慘
本地跑模型做評測,你們是怎麼給 context 長度設上限的?我們沒設,7.1 GB 的模型吃掉了 51 GB
熱門回答
六個語言的 README,要一比一翻完整,還是只寫到「裝得起來」就好?
本地跑模型做評測,你們是怎麼給 context 長度設上限的?我們沒設,7.1 GB 的模型吃掉了 51 GB
熱門文章
講到 IT 監控,你一定聽過 SolarWinds--但你真的了解它在做些什麼嗎?
gRPC 双向流长连接:原理、流程与完整示例
輕量級區塊鏈架構探討:共識機制的抉擇
Next.js - 具名槽位 & 平行路由
乞丐超人我買超市打折便當時突然發現我家社區夜班保全是美國新創CTO後我拜他為師,Day09:這東西這麼陽春,你真的敢拿給客戶用?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}